<el-dialog class="dialogStyleBase" :title="mixinEdit_editTitle" width="500px" :visible.sync="mixinEdit_editVisible"
    :before-close="function(){mixinEdit_editBoxClose('editForm')}" append-to-body>
    <div class="dialogStyleBaseBox" v-loading="mixinEdit_loading">
        <el-form ref="editForm" :model="form" label-width="100px" label-position="left">

            <el-form-item label="数据标签" prop="dictLabel">
                <el-input v-model="form.dictLabel" maxlength="20" show-word-limit></el-input>
            </el-form-item>

            <el-form-item label="数据数值" prop="dictValue">
                <el-input v-model="form.dictValue" maxlength="20" show-word-limit></el-input>
            </el-form-item>





            <el-form-item label="是否启用" prop="status">
                <el-radio-group v-model="form.status">
                    <el-radio :label=0>启用</el-radio>
                    <el-radio :label=1>停用</el-radio>
                </el-radio-group>
            </el-form-item>

            <el-form-item label="是否默认" prop="isDefault">
                <el-radio-group v-model="form.isDefault">
                    <el-radio :label=0>否</el-radio>
                    <el-radio :label=1>是</el-radio>
                </el-radio-group>
            </el-form-item>

            <el-form-item label="排序" prop="dictSort">
                <el-input v-model="form.dictSort" type="number" maxlength="10" show-word-limit></el-input>
            </el-form-item>


            <el-form-item label="样式属性" prop="cssClass">
                <el-select v-model="form.cssClass" placeholder="请选择" style="width:100%" clearable>
                    <el-option v-for="item in cssClassList" :key="item.value" :label="item.label" :value="item.value">
                        <div class="cssClass">
                            <StateIcon :type="item.value" size="18" />
                            <span class="s1">{{ item.label }}</span>
                            <span class="s2">{{ item.value }}</span>
                        </div>
                    </el-option>
                </el-select>
            </el-form-item>

            <el-form-item label="表格回显样式" prop="listClass">
                <el-input v-model="form.listClass" maxlength="20" show-word-limit></el-input>
            </el-form-item>

            <el-form-item label="备注信息" prop="remark">
                <el-input type="textarea" autosize maxlength="50" autosize="{minRows: 2,maxRows: 4}"
                    v-model="form.remark" show-word-limit></el-input>
            </el-form-item>

        </el-form>
    </div>
    <div slot="footer">
        <el-row>
            <el-col :span="12" style="text-align: left;">
                <el-button :disabled="mixinEdit_loading" @click="mixinEdit_resetForm('editForm')">重 置</el-button>
            </el-col>
            <el-col :span="12">
                <el-button :disabled="mixinEdit_loading" @click="mixinEdit_editBoxClose('editForm')">取 消</el-button>
                <el-button :disabled="mixinEdit_loading" type="primary"
                    @click="mixinEdit_editFormSubmit({model:'form',ref:'editForm'})">确
                    定</el-button>
            </el-col>
        </el-row>
    </div>
</el-dialog>